<!DOCTYPE html>
<!--[if IE 8]> 		<html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->

<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width" />
	<title>DeepThought - Test</title>

	<link rel="stylesheet" href="css/normalize.css" />
	<link rel="stylesheet" href="css/foundation.css" />
	<link rel="stylesheet" href="css/animate.css" />
	<link rel="stylesheet" href="css/social_foundicons.css" />
	<link rel="stylesheet" href="css/general_foundicons.css" />
	<link rel="stylesheet" href="css/accessibility_foundicons.css" />
	<link rel="stylesheet" href="css/fc-webicons.css" />
	<link rel="stylesheet" href="style.css" />

	<!-- jQuery -->
	<script src="jq/jquery.js"></script>
	<script src="js/jPanelMenu.js"></script>
        <script src="js/service.js"></script>
	<script src="js/vendor/custom.modernizr.js"></script>
</head>
<body>
	<div id="jPanelMenu-menu" class="jPanelMenu-menu">
		<ul>
			<li><a href="javascript:void(0);" class="foundicon-a-child">Profile</a></li>
			<li><a href="javascript:void(0);" class="foundicon-heart">Favorites</a></li>
			<li><a href="javascript:void(0);" class="foundicon-star">Picks</a></li>
			<li><a href="javascript:void(0);" class="foundicon-people">Friends</a></li>
			<li><a href="javascript:void(0);" class="foundicon-tools">Tools</a></li>
			<li><a href="javascript:void(0);" class="foundicon-a-question">Help</a></li>
		</ul>
	</div><!-- end of jPanelMenu-menu -->

	<div id="nav_menu" class="nav_menu">
		<div class="row">
			<div class="small-2 columns foundicon-settings expand_menu menu-trigger">Menu</div><!-- end of EXPAND_MENU -->

			<div class="large-1 columns small button animated facebook">Login</div>
		</div><!-- end of ROW -->
	</div><!-- end of NAV_MENU -->

	<div id="header" class="header">
		<div class="row">
		</div><!-- end of ROW -->
	</div><!-- end of HEADER -->

	<div id="content" class="row content draggable">
	</div><!-- end of CONTENT -->
	<div class="row">
		<div class="large-16 button">Load More...</div>
	</div>

	<!-- JAVASCRIPT -->
	<script>
		document.write('<script src=' +
		('__proto__' in {} ? 'js/vendor/zepto' : 'js/vendor/jquery') +
		'.js><\/script>')
	</script>

	<script src="js/nav.js"></script>
	<script src="js/foundation.min.js"></script>
	<script src="js/foundation/foundation.js"></script>
	<script src="js/functions.js"></script>

	<script>
		$(document).foundation();

		var jPM = $.jPanelMenu();
		jPM.on();

		$(document).ready(function(){
			initialize();
		});
	</script>

</body>
</html>
